<!--
 * @Descripttion: 
 * @version: 
 * @Author: 高月飞
 * @Date: 2023-11-26 21:24:22
 * @LastEditors: 高月飞
 * @LastEditTime: 2023-11-27 10:36:08
-->
<template>
    <div class="header">
        <div class="header-left">
            <div class="header-left-time">统计时间</div>
            <span>2023年1月 ~ 2023年12日</span>
        </div>

    </div>



    <SalesRanking :data="data"></SalesRanking>

   
</template>

<script setup lang="ts">

import { SaledataList } from './hooks';
import SalesRanking from './ui/SalesRanking.vue'


const [data, total, loadData] = SaledataList()
const bynnnn = () => {
    console.log(data);
}
</script>

<style lang="scss" scoped>
.header {
    height: 50px;
    width: 100%;

    .header-left {
        float: left;

        .header-left-time {
            float: left;
            font-weight: 600;
            padding-right: 10px;
        }
    }

    .header-right {
        float: right;
    }
}</style>